<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./mobileLayout.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core">

    <ui:define name="header">
        new account
    </ui:define>

    <ui:define name="content">
        
        <f:view>
            <h:form>
                <h1><h:outputText value="Create/Edit"/></h1>
                <h:panelGrid columns="2">
                     <h:outputLabel value="Name:" for="name" />
                    <h:inputText id="name" value="#{mobileController.account.name}" title="Name" required="true" requiredMessage="The Name field is required."/>
                    <h:outputLabel value="Address:" for="address" />
                    <h:inputText id="address" value="#{mobileController.account.address}" title="Address" required="true" requiredMessage="The Address field is required."/>
                    <h:outputLabel value="CreditCard:" for="creditCard" />
                    <h:inputText id="creditCard" value="#{mobileController.account.creditCard}" title="CreditCard" />
                    <h:outputLabel value="Society:" for="society" />
                    <h:inputText id="society" value="#{mobileController.account.society}" title="Society" />
                        <h:outputLabel value="Login:" for="login" />
                    <h:inputText id="login" value="#{mobileController.account.login}" title="Login" required="true" requiredMessage="The Login field is required."/>
                    <h:outputLabel value="Password:" for="password" />
                    <h:inputText id="password" value="#{mobileController.account.password}" title="Password" required="true" requiredMessage="The Password field is required."/>
                     </h:panelGrid>
                <h:commandButton action="#{mobileController.doCreateAccount}" value="Create" />
            </h:form>
        </f:view>

        
    </ui:define>

    <ui:define name="footer">
        <h:form>
            <h:commandLink action="#{mobileController.doShowIndex}" value="back"/>

        </h:form>
    </ui:define>

</ui:composition>
